<template>
  <!--登录-->
  <div class="wrap">
    <div class="tdbModule loginPage">
      <div class="registerTitle">
        登录
      </div>
      <el-menu
          style="margin-right: 850px;margin-left: 100px;margin-top: 50px;"
          :default-active="activeIndex"
          class="el-menu-demo"
          mode="horizontal"
          @select="handleSelect"
          text-color="#333333"
          active-text-color="#ffd04b">
        <el-menu-item index="1">
          <router-link class="list-group-item" active-class="active" to="/login/loginnamepassword">账号密码登录</router-link>
        </el-menu-item>

        <el-menu-item index="2">
          <router-link class="list-group-item" active-class="active" to="/login/loginface">人脸登录</router-link>
        </el-menu-item>

      </el-menu>

      <div>
        <router-view>

        </router-view>
      </div>
    </div>

  </div>
</template>

<script>
export default {
  name: "login",
  data() {
    return {
      activeIndex: '1',//转换登录方式

    }
  },
  methods: {
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    },

  },

}
</script>

<style scoped>

</style>
